html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  -webkit-text-size-adjust:none;
  font-family:sans-serif;
}
h1 {
  font-size:36px;
  margin:15px;
  text-align:center;
  color:#666;
}
h2 {
  font-size:14px;
  font-weight:bold;
  color:#3c3c3c;
  margin:20px 10px 10px;
}
small {
  margin:0 10px 30px;
  display:block;
  font-size:12px;
}
a {
  margin:0 0 0 10px;
  font-size:12px;
  color:#3c3c3c;
}
.swipe {
  padding-bottom:20px;
}
.swipe li div, .swipe div div div {
  margin:0 10px;
  padding:200px 10px;
  background:#1db1ff;
  font-weight:bold;
  color:#fff;
  font-size:20px;
  text-align:center;
}

 /** Start of Template **/
 
.question {
  border:1px solid;
}

.stimulus {
  border:1px solid;
}

.instruction{
   border:1px solid;
   margin:10px;
   background-color:#99FF66
}

.stem {
	border:1px solid;margin:5px;
}

.stem .question{
	background-color:#00CCFF
}

.stem .answer{
	background-color:#CCCCFF
}

 
 /** End of Template **/
 
 /** Start of Scroll Pane **/
	.scrollbar-container {
	     border: 4px solid rgba(0, 0, 0, 0.2);
		    bottom: 0;
		    height: 200px;
		    left: 0;
		    margin: 20px;
		    overflow: auto;
		    right: 0;
		    top: 0;
	}
	.scrollbar-container .inner {
	        background-color: white;
		    font-family: sans-serif;
		    height: 911px;
		    padding: 1em;
	}
	::-webkit-scrollbar {
	    background: transparent;
	}
	::-webkit-scrollbar-thumb {
	    background-color: rgba(0, 0, 0, 0.2);
	    border: solid whiteSmoke 4px;
	}
	::-webkit-scrollbar-thumb:hover {
	    background-color: rgba(0, 0, 0, 0.3);
	}

